.x-body {
    color: #404040;
    font-size: 13px;
    line-height: 17px;
    font-weight: 300;
    font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
    background: #f6f6f6;
}

.x-panel-body-default {
    background: #fff;
    border-color: #d0d0d0;
    color: #404040;
    font-size: 13px;
    font-weight: 300;
    font-family: "Pretendard", "malgun gothic", Arial, sans-serif;
    border-width: 1px;
    border-style: solid;
}

.x-grid-item {
    color: #404040;
    font: 300 13px/19px "Pretendard", "malgun gothic", Arial, sans-serif;
    background-color: #fff;
}

.x-form-text-default {
    color: #404040;
    padding: 5px 10px 4px;
    background-color: #fff;
    font: 300 13px/21px "Pretendard", "malgun gothic", Arial, sans-serif;
    min-height: 30px;
    border-radius: 5px;
}

.x-boundlist-item {
    padding: 0 10px;
    font: normal 13px "Pretendard", "malgun gothic", Arial, sans-serif;
    line-height: 30px;
    cursor: pointer;
    cursor: hand;
    position: relative;
    /*allow hover in IE on empty items*/
    border-width: 1px;
    /*allow hover in IE on empty items*/
    border-style: dotted;
    border-color: #fff;
    color: #404040;
}

.table-grid-header {
 	border-right: 1px solid #d0d0d0;
	color: #404040;
	font: 700 13px/19px "Pretendard", "malgun gothic", Arial, sans-serif;
	outline: 0; 
	background-color: #eee;
}

.table-grid-big-header {
 	border-right: 1px solid #d0d0d0;
	color: #404040;
	font: 400 16px "Pretendard", "malgun gothic", Arial, sans-serif;
	outline: 0; 
	background-color: #eee;
}

.x-btn-inner-default-toolbar-small {
    font: 400 12px/16px "Pretendard", "malgun gothic", Arial, sans-serif;
    color: #606060;
    padding: 0 5px;
    max-width: 100%;
}

.table-grid-header .x-column-header-text {
	white-space:normal; 
}

.x-form-trigger-wrap-default {
    border-width: 1px;
    border-style: solid;
    border-color: #d0d0d0;
    border-radius: 5px;
}

.x-form-trigger-default {
    width: 32px;
    
    background: #fff;
    color: #919191;
    border-radius: 5px;
}


.icon-close {
	background-image: url(../images/ic-close.png);
}

.x-menu-no-icon {background-image: none; width:110px;} 
.x-menu-no-icon a.x-menu-item-link {padding-left: 3px;} 
.x-menu-no-icon .x-menu-item-icon {display: none;}  
      
.x-tree-noicon .x-tree-icon-leaf {display: none !important;}
.x-tree-noicon .x-tree-icon-parent  {display: none !important;}
      
.no-leaf-icons .x-tree-icon-leaf {
    display: none !important;
}

.x-tree-elbow, .x-tree-elbow-end {
	width: 3px !important;
}
.gx-tree-layer-icon {
	display: none !important;
}
.gx-tree-layer-icon {
	display: none !important;
}
.gx-tree-component, .gx-tree-component-off {
	float:right; width:30px;
}

.x-btn-default-toolbar-small {
    border-color: #888;
    border-radius: 5px;
}
.x-btn-over.x-btn-default-toolbar-small {
    border-color: #888;
}
.x-btn.x-btn-menu-active.x-btn-default-toolbar-small,
.x-btn.x-btn-pressed.x-btn-default-toolbar-small {
    border-color: #21b9bb;
    background-image: none;
    background-color: #89e0e1;
}

.x-slider:before {
    border: 1px solid #888;
    content: '';
    position: absolute;
    border-radius: 2px;
    background-color: #eee;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/* /Users/space/buildAgent/work/8cc7421dd8da164c/staging/classic/theme-neutral/sass/src/slider/Multi.scss:20 */
.x-slider-thumb {
    background-color: #f2f2f2;
    border: 1px solid #888;
    border-radius: 0px;
}

.ol-popup {
	position: absolute;
  	background-color: white;
  	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
  	padding: 15px;
  	border-radius: 10px;
  	border: 1px solid #cccccc;
  	bottom: 12px;
  	left: -50px;
  	min-width: 180px;
}
.ol-popup:after, .ol-popup:before {
  	top: 100%;
  	border: solid transparent;
  	content: " ";
  	height: 0;
  	width: 0;
  	position: absolute;
  	pointer-events: none;
}
.ol-popup:after {
  	border-top-color: white;
  	border-width: 10px;
  	left: 48px;
  	margin-left: -10px;
}
.ol-popup:before {
  	border-top-color: #cccccc;
  	border-width: 11px;
  	left: 48px;
  	margin-left: -11px;
}
.ol-popup-closer {
  	text-decoration: none;
  	position: absolute;
  	top: 2px;
  	right: 8px;
}
.ol-popup-closer:after {
  	content: "✖";
}